<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
	<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../css/font-awesome.min.css">
	<link rel="stylesheet" href="../css/main.css">
<!-- 数据备份 -->
<div class="panel panel-default">
  <!-- 面板头-->
  <div class="panel-heading">
  	<i class="glyphicon glyphicon-th"></i>数据备份
  </div>
    <!-- 面板体-->
  <div class="panel-body">
	   <form class="form-inline" role="form" style="float:left;">
		 <button type='button' class='btn btn-primary' name='upload'>导入</button>
	    </form>
	    <form method="post">
		<br>
	 	<hr style="clear:both;">
	 	    <!-- 响应式表格 -->
	  		<div class="table-responsive">
				<table class=".table table-striped table-bordered table-hover" style="margin: 20px auto;width:100%">
	            		<thead>
	            		   <tr >
	            		   		<th>
	            		   			<div class="checkbox">
							<label>
								<input type="checkbox">全选
							</label>
						</div>
	            		   		</th>
	            		   		
	            		   		<th>组织编号</th>
	            		   		<th>组织名称</th>
	            		   		<th width="120px">操作</th>
	            		  </tr>
	            		</thead>
	            		<tbody>
	            			<tr>
	            				<td><input type='checkbox' name='checkbox'/></td>
	            				<td>zj001</td>
	            				<td>后勤部</td>
	            				<td>
	            				<button type='button' class='btn btn-warning' name='download'>备份</button>
	            				</td>
	            			</tr>
	            		</tbody>
	            		  
	    			</table>
	    	</div>
	    	
	    </form>
  </div>
</div>

	<script src="../jquery/jquery-2.1.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
	<script src="../script/docs.min.js"></script>
<script type="text/javascript">

	
	//数据备份
	$(":button[name='download']").cilck({
		a.ajax({
			url:"#",
			dataType:"json",
			type:"get",
			async:true,
			success:function(data){
				
			}
		});
	});
	
	//数据导入
	$(":button[name='upload']").cilck({
		a.ajax({
			url:"#roles",
			dataType:"json",
			type:"get",
			async:true,
			success:function(data){
				
			}
		});
	});

</script>